.login {
  position: relative;
  padding-top: 40px;
  height: 100%;
  overflow: hidden;
  padding-left: 3%;
  padding-right: 3%;
}

.login-item {
  margin-top: 1em;
}

.login-input {
  height: 36px;
  font-size: 13px;
  color: #999999;
}

.login-rememberMe {
  padding-left: 3%;
  padding-right: 3%;
}

.login-submit {
  padding-top: 20px;
  padding-left: 3%;
  padding-right: 3%;
}

.login-button {
  background-color: #da251c;

  &:hover {
    background-color: #ef9e20;
  }
}

.login-forgetPwd {
  color: #da251c;
  font-size: 15px;
}

.login-btn-submit {
  color: white;
  font-size: 25px;
}

.login-error {

  color: #ea5623;
  font-size: 12px;
  white-space: normal;
  word-wrap: break-word;
  vertical-align: baseline;
  height: 0.5%;
}

.login-icon {
  padding-right: 1%;
}

.button.button-assertive {
  background-color: #DA251c;
}

.button.button-assertive:hover, .button.button-assertive.active, .button.button-assertive.activated {
  background-color: #c91a11;
}

.login-remember-pwd {
  font-size: 15px;
  color: #999999;
  margin-left: 5px;
}

.login-forgetPwd-link:hover {
  text-decoration: underline;
  color: #da251c;
}

.register {
  margin-top: 101px;
}

.login-bg {
  background: url("../assets/images/login-background.png") no-repeat;
  background-size: 100%;
}

.register-form {
  padding-top: 12px;
}

input.register-input {
  height: 36px;
  font-size: 16px;
  color: #cccccc;
}

.but-code {
  width: 100px;
  height: 36px;
  background-color: #cfcfcf;
  color: #666666;
  border: 0;
}

.title {
  color: #FFF;
}

.agreement {
  margin-top: 14px;
  margin-left: 31px;
  font-size: 10px;
  color: #999999;
}

.but-submit {
  padding: 0 10px 20px;
}

.bt-font {
  font-size: 20px;
  border: 0 none;
}

.input-wrap {
  padding: 0 10px;
  border-top: 1px solid #dddddd;
}

.input-icon {
  font-size: 2em;
  width: 24px;
}

.input-error {
  color: red;
}

.input-short {
  padding-left: 0
}

.input-validateCode {
  width: 60%;
  display: inline-block;
}

.button-validateCode {
  margin-left: 10px;
}

.input-last {
  padding-top: 0;
}

.button.button-energized {
  background-color: #FFAA05;
}

.button.button-energized:hover, .button.button-energized.active, .button.button-energized.activated {
  background-color: #ef9e20;
}

.card, .list-inset {
  background-color: transparent;
}

.help-block {
  color: #da251c;
}
